ユーザー一覧の非Vue化をする #7426

yocchan-git · 2024-02-22T02:43:23Z

Issue

ユーザー一覧を非vue化したい #7403

概要

ユーザ一覧画面について非Vue化を進めた
変更した箇所

元からRailsで手をつけていないユーザ一覧

変更確認方法

feature/convert-user-index-vue-to-slimをローカルに取り込む
foreman start -f Procfile.devでサーバーを立ち上げ、
できれば管理者で(name: komagata, password: testtest)ログインする
http://localhost:3000/users にアクセスする(下記チェックを使用していただいても構いません)

ページネーションが動作してるか確認する
絞り込みで絞り込めるか確認する(可能ならページネーションも)
フォローの動作を確認する
SNSなどの表示も確認する
卒業生・メンターについて切り替えれるかをみる
メンター・アドバイザーは進捗が表示されないのを確認する(画像のやつです)

http://localhost:3000/generations にアクセスする

ページネーションが動作するか調べる
リンクが機能しているか？
- 〇〇期生
- ユーザアイコン

http://localhost:3000/users?target=followings にアクセス

フォローしているユーザだけが表示されるのを確認
コメントあり・なしで絞り込めるのを確認

タグ・企業についても変更はありませんが見ていただけますと🙏

Screenshot

変更前

一覧

期生別

フォロー

変更後

一覧

期生別

フォロー

yocchan-git · 2024-02-25T05:23:15Z

@machida さん

このPRで、デザインの調整は不要なのですが一点確認いただけますと嬉しいです🙇‍♂️

確認して欲しいこと

フォローが下記の状態ですが、大丈夫そうかチェックをいただきたいです🙏

現状

先ほどの画像はfeature/convert-user-index-vue-to-slimだけでなく、mainブランチでも同様です。
ただ、本番環境になると何故か解消されています。🤔

また、CSSのz-indexは2になっていました。

ですので、大丈夫だと思いますが念のためご確認をお願いいたします。
お手隙でよろしくお願いいたします🙏

machida · 2024-03-05T07:25:40Z

おお、なんだこれ？
本番でだけバグらないってキモいですね。
今から調べます！

machida · 2024-03-05T08:05:52Z

@yocchan-git ちょこっと手を入れて潜らないようにしましたー

yocchan-git · 2024-03-05T08:55:34Z

machida さん修正ありがとうございました！

@kyokucho1989 さん
レビュアーにアサインさせていただきました。🙇‍♂️

変更確認のチェックを使っていただいても、他でも構いませんので
レビューしていただけますと嬉しいです🙏

kyokucho1989 · 2024-03-05T08:59:41Z

@yocchan-git
了解しました！
一旦コードを読んで、週末くらいにまた質問します。

kyokucho1989 · 2024-03-05T22:04:41Z

@yocchan-git
おはようございます。一点確認したいことがあります。

この機能って他の人の作業と被る場合がありましたっけ？
被らないように「この部分はこちらで」とか打ち合わせてたような…

いつかのMTG中にそんな話があったかと思いましたが、忘れてしまって…

ほかの動作確認は少しずつやっています。もうしばらくお待ちください…！

yocchan-git · 2024-03-05T23:38:53Z

@kyokucho1989 さん

早い対応ありがとうございます！
確認したのですが、大丈夫そうでした🎉

(参考)対象のPRです

ほかの動作確認は少しずつやっています。もうしばらくお待ちください…！

はい！お時間のある時によろしくお願いいたします🙇

kyokucho1989

@yocchan-git
遅くなりました。レビューしました。

user.vue と重複する箇所が多く、今後user.vue を非Vue化しようとしたときにコードを追跡することが難しくなりそうです..

user.vue を非Vue化できないか、またはuser.vueを app/views/users/_user_list.html.slim に埋め込んで利用できないかなどを考える必要があるかと思います。

test/system/users_test.rb

app/controllers/users_controller.rb

app/views/users/_user.html.slim

app/helpers/users_helper.rb

yocchan-git · 2024-03-09T23:29:17Z

@kyokucho1989 さん

レビューいただきありがとうございます！
少しコードについて説明しました。🙇‍♂️

変更が膨大なのと、コードを書いてないとわからないですよね...
聞いていただいてありがとうございます🙏

user.vue と重複する箇所が多く、今後user.vue を非Vue化しようとしたときにコードを追跡することが難しくなりです..

こちら、先ほども説明しましたが、user.vueをSlimに直しているので仕方ないかなと🤔

user.vue を非Vue化できないか、またはuser.vueを app/views/users/_user_list.html.slim に埋め込んで利用できないかなどを考える必要があるかと思います。

上記の通り、もうしています！になります✌️

こちらを踏まえて、もう一度レビューしていただけますと嬉しいです🙇‍♂️

kyokucho1989 · 2024-03-09T23:59:46Z

@yocchan-git
了解しました！火曜ごろにまた連絡します！

kyokucho1989

@yocchan-git
お疲れ様です！user.vueは他で使っているため削除できず、Slim形式でファイルを追加している件は了解しました。

他、コードで気になった点をコメントしてます。

app/controllers/api/users_controller.rb

app/views/users/_user.html.slim

yocchan-git · 2024-03-13T05:00:34Z

@kyokucho1989 さん

やっとテストが通りました！
修正しましたので、お手隙で再度ご確認いただけますと嬉しいです🙇‍♂️

kyokucho1989

@yocchan-git
Approveしますー。長い期間、ありがとうございました！

yocchan-git · 2024-03-13T11:38:06Z

kyokucho1989 さん
こちらこそ、長い間ありがとうございました！
また機会があればよろしくお願いいたします🙏

@komagata さん
チームメンバーからapproveいただいたので、
お手隙でレビューしていただけますと嬉しいです🙇‍♂️

app/controllers/api/followings_controller.rb

yocchan-git · 2024-03-29T02:17:14Z

app/controllers/talks/action_uncompleted_controller.rb

相談部屋のコードtalksの部分は検索関連で処理をSearchUserクラスに共通化しましたので
ロジックを修正しています。

動作とテストが通ることなどは確認しましたので、コードも見ていただければと思います！

yocchan-git · 2024-03-29T02:29:24Z

@komagata さん

指摘いただいた点、修正しました！
質問タイムでおっしゃったように、Enterを押せば検索になるようにしました。

お手隙でレビューよろしくお願いいたします

komagata · 2024-03-29T15:58:13Z

app/models/search_user.rb

+class SearchUser
+  attr_reader :search_word
+
+  def initialize(search_word:, users: nil, target: nil, require_retire_user: false)


constructorではエラーがおきるような、複雑な処理をするべきではないです。
変数を設定・初期化するような処理だけにとどめた方がいいです。

newすらできないクラスはテストも非常に難しくなります。

constructorではエラーがおきるような、複雑な処理をするべきではないです。
変数を設定・初期化するような処理だけにとどめた方がいいです。

教えていただきありがとうございます！修正しました🫡

komagata · 2024-03-29T16:00:51Z

app/controllers/talks/action_uncompleted_controller.rb

-    else
-      @talks = @talks.page(params[:page])
+      search_user = SearchUser.new(search_word: params[:search_word], require_retire_user: true)
+      @search_word = search_user.search_word


このクラスを使う方から見ると、SearchUser.newに渡したparams[:search_word]はsearch_user.search_wordと全く同じものだと判断すると思います。（名前が全く同じなので）

実際にはvalidate_search_wordの処理が行われているので違いがでます。勘違いが発生しやすいAPIになっているので別の物にした方がいいと思います。

komagata · 2024-03-29T16:02:41Z

app/models/search_user.rb

+# frozen_string_literal: true
+
+class SearchUser
+  attr_reader :search_word


SearchUserクラスのプロパティなのでwordだけでsearch_wordであることは自明だと思います。

プロパティ表記としてもSearchUser#search_wordとなり、冗長な名前ではないかとおもいます。

プロパティ表記としてもSearchUser#search_wordとなり、冗長な名前ではないかとおもいます。

おっしゃる通り、冗長でした...
こちらも修正しましたので、ご確認お願いいたします🙇‍♂️

yocchan-git · 2024-03-30T03:25:28Z

@komagata さん

指摘いただいた点修正しました！
お手隙で再度レビューいただけますと嬉しいです🙇‍♂️

komagata · 2024-03-30T08:10:27Z

test/models/search_user_test.rb

+require 'test_helper'
+
+class SearchUserTest < ActiveSupport::TestCase
+  test 'ユーザーを指定しない場合' do


このプロジェクトの他のテストに合わせてテスト名は英語でお願いします。
一部日本語のテスト名がありますが、それはレビューをもれてしまっているもので、最終的には修正したいものになっています。

@komagata さん

修正しました！お手隙でご確認お願いいたします

@yocchan-git

テスト名を日本語に修正する

このコミットメッセージは「テスト名を英語に修正する」の間違いかも？です。

@komagata さん

お手数おかけして申し訳ございません！
修正しましたので、ご確認いただけますと嬉しいです🙇‍♂️

komagata

確認させていただきました。OKです～👌

yocchan-git self-assigned this Feb 22, 2024

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch 2 times, most recently from 094ad67 to 2b5da72 Compare February 22, 2024 03:00

yocchan-git changed the title ~~Feature/convert user index vue to slim~~ ユーザー一覧の非Vue化をする Feb 22, 2024

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from fab4392 to 232c282 Compare February 23, 2024 23:11

yocchan-git assigned machida Feb 25, 2024

machida removed their assignment Mar 5, 2024

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from e6bc7f2 to 9c73471 Compare March 5, 2024 08:38

yocchan-git requested a review from kyokucho1989 March 5, 2024 08:55

yocchan-git marked this pull request as ready for review March 5, 2024 08:55

kyokucho1989 reviewed Mar 9, 2024

View reviewed changes

yocchan-git requested a review from kyokucho1989 March 9, 2024 23:29

kyokucho1989 reviewed Mar 12, 2024

View reviewed changes

app/controllers/api/users_controller.rb Outdated Show resolved Hide resolved

app/views/users/_user.html.slim Outdated Show resolved Hide resolved

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from 27c860f to c4b366c Compare March 12, 2024 23:20

yocchan-git requested a review from kyokucho1989 March 13, 2024 05:00

kyokucho1989 approved these changes Mar 13, 2024

View reviewed changes

yocchan-git requested a review from komagata March 13, 2024 11:38

komagata reviewed Mar 20, 2024

View reviewed changes

app/controllers/api/followings_controller.rb Outdated Show resolved Hide resolved

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from aa6224b to 2f5ad40 Compare March 20, 2024 08:16

yocchan-git added 4 commits March 28, 2024 22:23

不要なロジックを削除して置き換える

dcc7402

no_contentを使うように修正する

f132d09

検索機能のロジックを修正する

f278ef3

共通して使うメソッドを共通化する

1163674

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from 7378029 to 1163674 Compare March 28, 2024 13:24

yocchan-git added 3 commits March 28, 2024 23:03

テストコードを追加する

0bf5d39

SlimLintの修正をする

d7893ae

不要な定数を削除する

892701c

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from c39dae5 to 892701c Compare March 28, 2024 14:04

yocchan-git added 4 commits March 29, 2024 10:30

検索の処理をクラスに抽出する

5fd4e1a

インスタンス変数を参照可能にする

32e07cc

モデルテストを追加する

5d240d3

引数の順番を修正する

871bce7

yocchan-git commented Mar 29, 2024

View reviewed changes

yocchan-git requested a review from komagata March 29, 2024 02:29

komagata reviewed Mar 29, 2024

View reviewed changes

コンストラクターでエラーが起こらないのと命名の修正

4886626

yocchan-git requested a review from komagata March 30, 2024 03:24

komagata reviewed Mar 30, 2024

View reviewed changes

yocchan-git requested a review from komagata March 30, 2024 08:52

テスト名を英語に修正する

467a3b3

yocchan-git force-pushed the feature/convert-user-index-vue-to-slim branch from 49cdceb to 467a3b3 Compare April 1, 2024 23:46

komagata approved these changes Apr 2, 2024

View reviewed changes

komagata merged commit 42a627b into main Apr 2, 2024
3 checks passed

komagata deleted the feature/convert-user-index-vue-to-slim branch April 2, 2024 21:09

github-actions bot mentioned this pull request Apr 2, 2024

Release 2024-04-11 11:25:49 #7610

Merged

15 tasks

unikounio mentioned this pull request Apr 7, 2024

ユーザー一覧ページの絞り込みにおける現役生と研修生のルールを整理 #7619

Merged

Takuya-Sakai91 mentioned this pull request Apr 10, 2024

generation-users.vueと依存するVueファイルをReactコンポーネントに書き換え #7170

Merged

7 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ユーザー一覧の非Vue化をする #7426

ユーザー一覧の非Vue化をする #7426

yocchan-git commented Feb 22, 2024 •

edited by ham-cap

Loading

yocchan-git commented Feb 25, 2024 •

edited

Loading

machida commented Mar 5, 2024

machida commented Mar 5, 2024

yocchan-git commented Mar 5, 2024

kyokucho1989 commented Mar 5, 2024

kyokucho1989 commented Mar 5, 2024

yocchan-git commented Mar 5, 2024

kyokucho1989 left a comment •

edited

Loading

yocchan-git commented Mar 9, 2024 •

edited

Loading

kyokucho1989 commented Mar 9, 2024

kyokucho1989 left a comment

yocchan-git commented Mar 13, 2024

kyokucho1989 left a comment

yocchan-git commented Mar 13, 2024

yocchan-git Mar 29, 2024 •

edited

Loading

yocchan-git commented Mar 29, 2024

komagata Mar 29, 2024

yocchan-git Mar 30, 2024

komagata Mar 29, 2024

komagata Mar 29, 2024

yocchan-git Mar 30, 2024

yocchan-git commented Mar 30, 2024

komagata Mar 30, 2024

yocchan-git Mar 30, 2024

komagata Apr 1, 2024

yocchan-git Apr 2, 2024

komagata left a comment

ユーザー一覧の非Vue化をする #7426

ユーザー一覧の非Vue化をする #7426

Conversation

yocchan-git commented Feb 22, 2024 • edited by ham-cap Loading

Issue

概要

変更確認方法

Screenshot

変更前

変更後

yocchan-git commented Feb 25, 2024 • edited Loading

確認して欲しいこと

現状

machida commented Mar 5, 2024

machida commented Mar 5, 2024

yocchan-git commented Mar 5, 2024

kyokucho1989 commented Mar 5, 2024

kyokucho1989 commented Mar 5, 2024

yocchan-git commented Mar 5, 2024

kyokucho1989 left a comment • edited Loading

Choose a reason for hiding this comment

yocchan-git commented Mar 9, 2024 • edited Loading

kyokucho1989 commented Mar 9, 2024

kyokucho1989 left a comment

Choose a reason for hiding this comment

yocchan-git commented Mar 13, 2024

kyokucho1989 left a comment

Choose a reason for hiding this comment

yocchan-git commented Mar 13, 2024

yocchan-git Mar 29, 2024 • edited Loading

Choose a reason for hiding this comment

yocchan-git commented Mar 29, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

yocchan-git commented Mar 30, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

komagata left a comment

Choose a reason for hiding this comment

yocchan-git commented Feb 22, 2024 •

edited by ham-cap

Loading

yocchan-git commented Feb 25, 2024 •

edited

Loading

kyokucho1989 left a comment •

edited

Loading

yocchan-git commented Mar 9, 2024 •

edited

Loading

yocchan-git Mar 29, 2024 •

edited

Loading